<html>
  <head>
    <meta charset="utf-8"/>
    <script type="text/javascript" src="googlecharts.js"></script>
    <script type="text/javascript">
      google.load("visualization", "1.0", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', '肤质');
        data.addColumn('number', '');
        data.addRows([
          ['干性',   18],
          ['油性',   26],
          ['中性',   20],
          ['敏感性', 10],
          ['混合性', 15]
        ]);

        var options = {
          colors:['#00A0E9'],
          legend: "none",
          hAxis: {"textPosition": "none"}
        };

        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 400px; height: 250px;"></div>
  </body>
</html>